<%@ include file="/includes/TagLibs.jsp" %>

<%----------------------------------------------------------------------------------------------------------------------
  -    Description: The Account Register or Sign In page.
  -  Storyboard ID: ACC0010
  - Pre-conditions:
  -     Model/Form: com.marketlive.app.b2c.account.accountRegisterForm
  - URLs Posted To: /account/login
  -   Current Tile: .tile.account.Login
  - Tile Variables:
  -  Child Tile(s):
  -      Copyright: (c) 2005 MarketLive, Inc. All Rights Reserved.
  --------------------------------------------------------------------------------------------------------------------%>

<%--
    //(C) Copyright MarketLive. 2006. All rights reserved.
    //MarketLive is a trademark of MarketLive, Inc.
    //Warning: This computer program is protected by copyright law and international treaties.
    //Unauthorized reproduction or distribution of this program, or any portion of it, may result
    //in severe civil and criminal penalties, and will be prosecuted to the maximum extent
    //possible under the law.
--%>

<%--  Error Block --%> 
<logic:messagesPresent>
  <div class="errorblock">
		<html:messages id="msg" header="errors.header" footer="errors.footer">
    	<li><bean:write name="msg" filter="false" /></li>
		</html:messages>
  </div>
</logic:messagesPresent>

<table border="0" cellpadding="0" cellspacing="0" width="${site.layout.contentWidth}">
<%--  Main Form --%>
	<html:form method="post" action="/account/login.do?method=view" styleId="mainForm" >

  <tr valign="top">
<%--  Return Customers --%>
    <td>
      <table cellspacing=0 cellpadding=0 border=0 width='<fmt:parseNumber parseLocale="en_US" integerOnly="true" value="${(site.layout.contentWidth - (site.layout.spacerWidth*2 + 1)) / 2}"/>'>
        <tr>
          <td>
            <div class="colorsubheader"><fmt:message key="hdr.account.login.returnAccount" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div class="default"><fmt:message key="msg.account.login.returnAccount" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div><html:text name="loginEmail" property="loginEmail" value="" size="${site.FormFields.emailSmallSize}" maxlength="${site.FormFields.emailMaxLength}" styleClass="login" /></div>
            <div class=formlabel><fmt:message key="lbl.form.userName" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.formSpacerHeight}" border="0" /></div>
            <div><html:password name="loginPassword" property="loginPassword" value="" size="${site.FormFields.passwordSmallSize}" maxlength="${site.FormFields.passwordMaxLength}" styleClass="login" /></div>
            <div class=formlabel><fmt:message key="lbl.form.password" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div class="default"><fmt:message key="msg.checkout.login.forgotPass"/>
              <html:link href="/account/passwordrecovery.do?from=account"><fmt:message key="msg.common.clickHere"/>.</html:link>
            </div>
            <div align=right style="margin-top:${site.layout.spacerHeight}px;">
            	<input type="image" onclick="document.getElementById('mainForm').action='/account/login.do?method=submit'" name="login" src="${siteImages.imagePath}local/localbuttons/signin_btn.gif" border=0 alt="<fmt:message key='btn.altTxt.signIn' />">
            </div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
          </td>
        </tr>
      </table>
		</td>

<%--  Vertical Rule and Spacers --%>
		<td><html:img src="${siteImages.spacer}" width="${site.layout.spacerWidth}" height="1" border="0" /></td>
		<td class=verticalrule><html:img src="${siteImages.spacer}" width="1" height="1" border="0" /></td>
		<td><html:img src="${siteImages.spacer}" width="${site.layout.spacerWidth}" height="1" border="0" /></td>

<%--  New Customers --%>
		<td>
      <table border="0" cellspacing="0" cellpadding="0" width='<fmt:parseNumber parseLocale="en_US" integerOnly="true" value="${(site.layout.contentWidth - (site.layout.spacerWidth*2 + 1)) / 2}"/>'>
        <tr>
          <td>
            <div class="colorsubheader"><fmt:message key="hdr.account.login.newCustomer" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div class="default"><fmt:message key="msg.account.login.newCustomer" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div align=right><input type="image" onclick="document.getElementById('mainForm').action='/account/login.do?method=register'" name="register" src="${siteImages.imagePath}local/localbuttons/register_btn.gif" border=0 alt="<fmt:message key="btn.altTxt.register" />"></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div class="default"><fmt:message key="msg.account.login.createAccount" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
            <div class="default"><b><fmt:message key="hdr.account.login.personalInfo" /></b><br><fmt:message key="msg.account.login.personalInfo" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="5" border="0" /></div>
            <div class="default"><b><fmt:message key="hdr.account.login.addressBook" /></b><br><fmt:message key="msg.account.login.addressBook" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="5" border="0" /></div>
            <div class="default"><b><fmt:message key="hdr.account.login.wishLists" /></b><br><fmt:message key="msg.account.login.wishLists" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="5" border="0" /></div>
            <div class="default"><b><fmt:message key="hdr.account.login.orderItemHist" /></b><br><fmt:message key="msg.account.login.orderItemHist" /></div>
            <div><html:img src="${siteImages.spacer}" width="1" height="${site.layout.spacerHeight}" border="0" /></div>
          </td>
        </tr>
      </table>
    </td>
	</tr>

<%--  End Main Form --%>
	</html:form>
</table>
